<template>
  <div class="data_panel">
    <div class="left">
      <div class="count">320.39</div>
      <div class="desc">累计加油消费(元)</div>
    </div>
    <div class="right">
      <div class="count">82.78</div>
      <div class="desc">累计加油生疏(L)</div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
.data_panel {
  display flex
  justify-content space-around
  align-items center
  position: relative;
  top: -75px;
  left: 0;
  background: #fff;
  box-sizing: border-box;
  margin: 0 10px;
  padding: 20px;
  border-radius: 15px;
  box-shadow: 0 3px 3px rgba(128, 138, 135, 0.3);
  over-flow: hidden;
  text-align center

  .count {
    font-weight 800
  }

  .desc {
    font-size 14px
  }


}
</style>
